@import url('../../utils/less/base.less');

.page {
    &>.tab {
        .flex-start();
        // .relative();
        .sticky(tl);
        .bgcolor(#f5f5f5);
        height: 80rpx;

        &>.item {
            .flex-center(center);
            .transition(.25s);
            width: 50%;
        }

        &>.index {
            .absolute(bl);
            .transition(.25s);
            width: 50%;
            height: 4rpx;
            background: #ff8c16;
        }
    }

    &>.top {
        .flex-between(center);
        padding: 0 32rpx;
        margin: 32rpx 0;   
        &>.screen {
            .flex-start(center);
            .text(#333, 30rpx);
            &>.month {
                & .pickrow {
                    .flex-start(center);
                    & .selectedTime {
        
                    }  
                    & .around {
                        margin-left: 8rpx;
                        width: 32rpx;
                        height: 32rpx;
                    }
                }
            }
        }
        &>.fx {
            .text(#333, 30rpx);
        }
    }

    &>.list-row {
        &>.item {
            &>.item-type {
                .bgcolor(white);
                .radius(20rpx);
                margin: 30rpx 32rpx;

                &>.id {
                    .flex-between(center);
                    padding: 20rpx;
                    border-bottom: 2rpx solid #ddd;

                    &>.idnum {
                        .flex-start(center);
                        &>.ordertype {
                            margin-left: 12rpx;
                            width: 40rpx;
                            height: 40rpx;
                        }
                    }

                    &>.status_text {
                        .text(#f7be1e);
                    }
                }

                &>.info {
                    &>.name {
                        padding: 18rpx 20rpx;
                    }

                    &>.doctor-info {
                        .flex-start(center);
                        padding: 0 20rpx 18rpx;

                        &>.avatar {
                            .bgimg(cover, center);
                            .radius(50%);
                            .flex(none);
                            border: 4rpx solid #f7be1e;
                            width: 80rpx;
                            height: 80rpx;
                        }

                        &>.name {
                            margin-left: 20rpx;
                        }
                    }

                    &>.plan {
                        padding: 14rpx 0;
                        margin: 0 32rpx;
                        border-bottom: 2rpx dashed #ccc;
                        
                        &>.name {

                        }
                        &>.hospital-price {
                            .flex-between(center);
                            margin-top: 10rpx;
                            &>.hospital {
                                
                            }
                            &>.price {

                            }
                        }
                    }
                    &>.total {
                        .flex-end();
                        padding: 20rpx 32rpx;
                    }
                }

                &>.person-check {
                    border-top: 2rpx solid #ddd;
                    padding: 20rpx;
                }
                &>.person {
                    .flex-between(center);
                    padding: 0 20rpx 20rpx;
                    &>.person-info {
                        
                    }
                }
                &>.time {
                    padding: 20rpx;
                    border-top: 2rpx solid #ddd;
                }
            }
        }
        &>.listStatus {
            .text(#999, center);
            margin: 20rpx 0;
        }
    }
}